<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="css/main.css"/>
<script type="text/javascript" src="js/string_us.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/login.js"></script>
<script type="text/javascript" src="js/pagemanager.js"></script>
<script type="text/javascript" src="js/myOffice.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</head>

<body>
	<div id="mainWraper">
		<div id="header">
			<p class="user_name">User Name</p>
			<div id="main_state">
				<div>
					<span href="/xp/server/userInfo.php">Profile</span> | <span id="login_state">Sign-in</span>
				</div>
				<div>
					<label for="region">select region</label>
					<select title="language" id="region">
						<option value="1">U.S</option>
						<option value="2">한국</option>
						<option value="3">U.K</option>
					</select>
				</div>
			</div>
			<div id="main_tab">
				<span>XP</span> | <span>XP Store</span> | <span>Marketting</span> | <span>My Office</span> | <span>Support</span> |	<span>Search</span> 
			</div>
		</div>
		<div id="content">
			<div class="page">
				<div class="pageWraper">
					- Office info - setting up for service
				</div>
			</div>
			<div class="page">
				<div class="pageWraper">
					- Store page - setting up for service
				</div>
			</div>
			<div class="page">
				<div class="pageWraper">
					- Marketing page setting up for service
				</div>
			</div>
			<!-- My Office page -->
			<div class="page">
				<div class="pageWraper">
					<div id="officePageNavi"></div>
					<div id="my_office_menu" class="page_menu">
						<!-- <ol></ol> this list is variable -->
					</div>
					<div class="page_content with_menu" id="myoffice">
						- My Office
					</div>
					<div class="page_content with_menu" id="community">
						- Communtiy
					</div>
					<div class="page_content with_menu" id="news_notice">
						- News and Notice
					</div>
					<div class="page_content with_menu" id="contact">
						- Contact
					</div>
					<div class="page_content with_menu" id="account">
						- Account
					</div>
					<div class="page_content with_menu" id="myinfo">
						- My info
					</div>
					<div class="page_content with_menu" id="modify_info">
						- Modify my info
					</div>
					<div class="page_content with_menu" id="change_email">
						- Change e-mail
					</div>
					<div class="page_content with_menu" id="change_password">
						- Change password
					</div>
					<div class="page_content with_menu" id="signin_password">
						- Sign in password
					</div>
					<div class="page_content with_menu" id="transfer_password">
						- Transfer password
					</div>
					<div class="page_content with_menu" id="debit_card">
						- Debit card
					</div>
					<div class="page_content with_menu" id="subscribe">
						- Subscribe
					</div>
					<div class="page_content with_menu" id="register">
						- Register
					</div>
					<div class="page_content with_menu" id="management">
						- Management
					</div>
					<div class="page_content with_menu" id="ecurrency">
						- e-Currency
					</div>
					<div class="page_content with_menu" id="leberty_reserve">
						- Leberty reserve
					</div>
					<div class="page_content with_menu" id="alertpay">
						- Alert Pay
					</div>
					<div class="page_content with_menu" id="paypal">
						- PayPal
					</div>
					<div class="page_content with_menu" id="register_account">
						- Resiter an account
					</div>
					<div class="page_content with_menu" id="management">
						- Management
					</div>
					<div class="page_content with_menu" id="bank_account">
						- Bank Account
					</div>
					<div class="page_content with_menu" id="ewallet">
						- e-wallet
					</div>
					<div class="page_content with_menu" id="ecredit">
						- E-Credit
					</div>
					<div class="page_content with_menu" id="convert_xcredit">
						- Convert to X-Credit
					</div>
					<div class="page_content with_menu" id="convert_ccredit">
						- Convert to C-Credit
					</div>
					<div class="page_content with_menu" id="convert_epoint">
						- Convert to E-Point
					</div>
					<div class="page_content with_menu" id="ecredit_history">
						- E-Credit History
					</div>
					<div class="page_content with_menu" id="xcredit">
						- X-Credit
					</div>
					<div class="page_content with_menu" id="transfer_member_id">
						- Transfer to member's ID
					</div>
					<div class="page_content with_menu" id="xcredit_history">
						- X-Credit History
					</div>
					<div class="page_content with_menu" id="ccredit">
						- C-Credit
					</div>
					<div class="page_content with_menu" id="deposit">
						- Deposit
					</div>
					<div class="page_content with_menu" id="withdraw">
						- Withdraw
					</div>
					<div class="page_content with_menu" id="pending">
						- Pending
					</div>
					<div class="page_content with_menu" id="ccredit_history">
						- C-Credit History
					</div>
					<div class="page_content with_menu" id="epoint">
						- E-Point
					</div>
					<div class="page_content with_menu" id="epoint_history">
						- E-Point History
					</div>
					<div class="page_content with_menu" id="withdraw_s">
						- Withdraw
					</div>
					<div class="page_content with_menu" id="withdraw_history">
						- Withdraw History
					</div>
					<div class="page_content with_menu" id="transaction">
						- Transaction
					</div>
					<div class="page_content with_menu" id="member_register">
						- New member register
					</div>
					<div class="page_content with_menu" id="epin">
						- e-PIN
					</div>
					<div class="page_content with_menu" id="purchase">
						- Purchase
					</div>
					<div class="page_content with_menu" id="sm_100zon">
						- Super Matrix 100 Zone
					</div>
					<div class="page_content with_menu" id="sm_200zon">
						- Super Matrix 100 Zone
					</div>
					<div class="page_content with_menu" id="sm_400zon">
						- Super Matrix 100 Zone
					</div>
					<div class="page_content with_menu" id="sm_800zon">
						- Super Matrix 100 Zone
					</div>
					<div class="page_content with_menu" id="epin_list">
						- e-PIN list
					</div>
					<div class="page_content with_menu" id="mypackage">
						- My Package
					</div>
					<div class="page_content with_menu" id="package_overview">
						- My Package overview
					</div>
					<div class="page_content with_menu" id="package_upgrade">
						- My Package upgrade
					</div>
					<div class="page_content with_menu" id="genealogy">
						- Genealogy
					</div>
					<div class="page_content with_menu" id="mysponsor">
						- My Sponsor
					</div>
					<div class="page_content with_menu" id="referral_list">
						- Referral list
					</div>
					<div class="page_content with_menu" id="sponsor_genealogy_tree">
						- Sponsor Genealogy/Tree
					</div>
					<div class="page_content with_menu" id="vertical_tree">
						- Vertical/Tree
					</div>
					<div class="page_content with_menu" id="horizontal_diagram">
						- Horizontal/Diagram
					</div>
					<div class="page_content with_menu" id="placement_genealogy_tree">
						- Placement Genealogy/Tree
					</div>
					<div class="page_content with_menu" id="sm_100zone_tree">
						- Super Matrix 100 Zone Tree
					</div>
					<div class="page_content with_menu" id="sm_200zone_tree">
						- Super Matrix 200 Zone Tree
					</div>
					<div class="page_content with_menu" id="sm_400zone_tree">
						- Super Matrix 400 Zone Tree
					</div>
					<div class="page_content with_menu" id="sm_800zone_tree">
						- Super Matrix 800 Zone Tree
					</div>
					<div class="page_content with_menu" id="bonus_reward">
						- Bonus / Reword
					</div>
					<div class="page_content with_menu" id="bc_overview">
						- BC Oberview
					</div>
					<div class="page_content with_menu" id="m_21_bonus">
						- Matrix 2x1 bonus
					</div>
					<div class="page_content with_menu" id="m_rollup_bonus">
						- Matrix Roll-up bonus
					</div>
					<div class="page_content with_menu" id="referral_bonus">
						- Refferral bonus
					</div>
					<div class="page_content with_menu" id="referral_matching_bonus">
						- Referral matching bonus
					</div>
				</div>
			</div><!-- My Office page -->
			<div class="page">
				<div class="pageWraper">
					- Support page: setting up for service
				</div>
			</div>
			<div class="page">
				<div class="pageWraper">
					<div class="page_content">
						- Search page: setting up for service
					</div>
				</div>
			</div>
			<div class="page">
				<div class="pageWapper">
					<div class="page_content" name="loginPage">
						- Sign-in Page: setting up for service
					</div>
				</div>
			</div>

		</div>
		<div id="footer">
			<div>
				<a>XP Info</a> | <a>Site map</a> | <a>Hot new</a> | <a>RSS</a> | <a>Contact US</a> | <span id="region">Korea</span>
			</div>
			<p class="copyright">Copyright ⓒ 2012 KP Inc. All rights reserved.</p>
		</div>
		<div id="detailPage" style="display:none;">
			<div class="page">
			</div>
		</div>
		<iframe id="faceFrame" name="fack_frame" style="width:0px;height:0px;display:none;"></iframe>
	</div>
</body>

</html>